import { PropsWithChildren } from 'react'
import styles from './style.module.css'

interface Props {
  type?: string
  className?: string
}

export default function Button({ type = 'primary', children, className }: PropsWithChildren<Props>) {
  if (type === 'primary') return (
    <button
      className={`hover:bg-light box-border rounded-lg text-center font-semibold content-center justify-center w-32 md:mx-5 ${styles.sub} ${className || ''}`}
    >
      {children || ''}
    </button>
  )

  return (
    <button className={className}>{children || ''}</button>
  )
}